.banner{
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;
}
.banner img{
    object-fit: cover;
}
.loginBox{
    width: 400px;
	height: 445px;
    background:rgba(80, 73, 74, 0.5);
    position: absolute;
    right: 10%;
    top: 14%;
}

/* 账号密码登录 */
.loginBox .loginTil{
    width: 400px;
    height: 90px;
    border-bottom: 2px solid #44d62c;
    padding: 30px 40px 0 30px;
    box-sizing: border-box;
    margin-bottom: 40px;
    position: relative;
}
.loginBox .loginTil .loginimg{
    position: absolute;
    top: 0;
    right: 0;
}
.loginBox .loginTil li{
    width: 140px;
    height: 60px;
    line-height: 40px;
    text-align: center;
    color: #44d62c;
    font-size: 18px;
    padding: 10px;
    box-sizing: border-box;
}
.loginBox .loginTil li:hover{
    color: whitesmoke;
    border-bottom: 2px solid whitesmoke;
}

.loginBox .loginMid{
    width: 330px;
    height: 260px;
}

.loginMid{
    height: 260px;
    padding: 0 40px;
    box-sizing: border-box;
}
.loginBox .loginMid input{
    padding: 10px;
    box-sizing: border-box;
    width: 285px;
    height: 46px;
    margin-bottom: 16px;
}
.inp{
    position: relative;
}
.loginMid .inp>div{
    width: 46px;
    height: 46px;
    position: absolute;
    right: -80px;
    top: 0;
    line-height: 46px;
    font-size: 40px;
    text-align: center;
    background: #44d62c;
}
.btn{
    width: 330px;
    height: 108px;
    position: relative;
}
.btn button{
    width: 330px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    letter-spacing: 30px;
}
.btn .pulink{
    position: absolute;
    right: 0px;
    bottom: 20px;
}
.btn .pulink a{
    margin-left: 10px;
    color: #44d62c;
}
.flink{
    margin-left: 40px;
    font-size: 16px;
}
.flink span{
    cursor: pointer;
}

.userlogin {
    display: none;
}

/* 扫码登陆 */
.shaoma{
    width: 400px;
    height: 445px;
    display: none;
    position: relative;
}
.smlogin{
    width: 300px;
    margin: 0 auto;
    text-align: center;
    margin-top: -30px;
}
.stitle{
    width: 164px;
    margin: 20px 80px;
}
.smlogin .stitle .sm{
    width: 50px;
    font-size: 46px;
}
.smlogin .stitle .p{
    font-size: 18px;
}
.smlogin .erweima{
    font-size: 240px;
}
.smlogin a{
    color: #333;
}
.smlogin .smimg{
    position: absolute;
    right: 0;
    top: -50px;
}

.on{
    display: block !important;
}


